﻿
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<style>
    .reg-content {
        margin-top: 20px;
    }

    .reg-title {
        margin-left: 20%;
    }


    .row-top {
        margin-top: 20px;
    }

    .help-block {
        color: red;
    }

    .text-green {
        color: green;
    }
</style>

<div class="reg-content">
    <div class="row ">
        <h2 class="reg-title">注册页面</h2>
    </div>
    <div class="row row-top">
        <form id="regForm" class="form-horizontal" method="post" action="">
            <div class="form-group">
                <label class="col-sm-2 control-label">账号</label>
                <div class="col-sm-10">
                    <input type="text" id="nickname" name="UserName" class="form-control" onblur="nicknameCheck()" placeholder="请输入昵称">
                    <label id="nicknameMsg" class="help-block"></label>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">密码</label>
                <div class="col-sm-10">
                    <input type="password" name="UserPassword" class="form-control" id="password" onblur="checkPassword(this)" placeholder="请输入密码">
                    <label id="passwordMsg" class="help-block"></label>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">确认密码</label>
                <div class="col-sm-10">
                    <input type="password" class="form-control" id="confrepassword" onblur="checkPassword(this)" placeholder="请输入密码">
                    <label id="confrepasswordMsg" class="help-block"></label>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label">手机号</label>
                <div class="col-sm-10">
                    <input type="text" id="UserPhone" name="UserPhone" class="form-control" onblur="validatePhone(this)" placeholder="请输入手机号">
                    <label id="phonedMsg" class="help-block"></label>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="button" onclick="regsubmit()" class="btn btn-default">注册</button>
                    <button type="reset" class="btn btn-default">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>


@section scripts{
    <script type="text/javascript" src="~/Scripts/registerScript/Register.js"></script>

    <script type="text/javascript">
        var temvalUserName = $("#nickname").val();
        console.log(temvalUserName);
    </script>
}





























@*<style type="text/css">
        .reg-content {
            text-align:center
        }

        .col-right {
            text-align: right;
            line-height:30px;
        }

        .row-top {
            margin-top:20px;
        }

        .row {
            margin-top:5px
        }

        .reg {
            margin-top: 25px
        }

        .tip_span {
            color:red;
            line-height:30px;
            display:inline;
        }

        .deafultWidth {
            width:120px;
        }

    </style>

    <div class="reg-content">
        <div  class="row">
            <h2>注册页面</h2>
        </div>
        <div class="row row-top">
            <div class="row">
                <div class="col-lg-5 col-right">昵称：</div>
                <div class="col-lg-4 left"><input type="text" class="form-control" /> </div>
                <span class="help-block tip_span">*</span>
            </div>
            <div class="row">
                <div class="col-lg-5 col-right">密码：</div>
                <div class="col-lg-7 left"><input type="text" class="form-control " /></div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-right">确认密码：</div>
                <div class="col-lg-7 left"><input type="text" class="form-control " /></div>
            </div>
            <div class="row">
                <div class="col-lg-5 col-right">手机号码：</div>
                <div class="col-lg-7 left"><input type="text" class="form-control " /></div>
            </div>
            <div class="row reg">
                <button type="button" class="btn btn-primary">确定注册</button>
            </div>
        </div>

    </div>*@




